<script setup>

</script>

<template>
  <section id="features" aria-label="Features for building a portfolio" class="py-20 sm:py-32">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
      <div class="mx-auto max-w-2xl sm:text-center">
        <h2 class="text-3xl font-medium tracking-tight text-gray-900">是时候拥有一套自己的AI云租系统了</h2>
        <p class="mt-2 text-lg text-gray-600">
          是时候拥有一套自己的AI云租系统了！通过AI技术，您可以实现智能化的订单管理、精准的用户推荐、实时的市场分析和预测，提升运营效率和客户体验，为您的租赁业务赋予创新力和竞争优势</p></div>
      <ul role="list"
          class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-6 text-sm sm:mt-20 sm:grid-cols-2 md:gap-y-10 lg:max-w-none lg:grid-cols-3">
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" aria-hidden="true" class="h-8 w-8">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
                  fill="#737373"></path>
            <path d="M12 25l8-8m0 0h-6m6 0v6" stroke="#171717" stroke-width="2" stroke-linecap="round"></path>
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">个性化体验</h3>
          <p class="mt-2 text-gray-700">根据用户历史数据和偏好，定制个性化的入住体验，如自动调节房间温度、提供个性化推荐服务等，增强客户黏性和满意度。</p>
        </li>
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" aria-hidden="true" class="h-8 w-8">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
                  fill="#737373"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M9 13a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2zm0 6a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2zm1 5a1 1 0 00-1 1v2a1 1 0 001 1h12a1 1 0 001-1v-2a1 1 0 00-1-1H10z"
                  fill="url(#:S2:-gradient)"></path>
            <rect x="9" y="6" width="14" height="4" rx="1" fill="#171717"></rect>
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
            <defs>
              <linearGradient id=":S2:-gradient" x1="16" y1="12" x2="16" y2="28" gradientUnits="userSpaceOnUse">
                <stop stop-color="#737373"></stop>
                <stop offset="1" stop-color="#737373" stop-opacity="0"></stop>
              </linearGradient>
            </defs>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">智能推荐系统</h3>
          <p class="mt-2 text-gray-700">利用AI算法分析用户喜好和行为模式，精准推荐符合其需求的房源和服务，提升预订转化率。</p></li>
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" aria-hidden="true" class="h-8 w-8">
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M5 4a4 4 0 014-4h14a4 4 0 014 4v10h-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9a2 2 0 00-2 2v24a2 2 0 002 2h5v2H9a4 4 0 01-4-4V4z"
                  fill="#737373"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M24 32a8 8 0 100-16 8 8 0 000 16zm1-8.414V19h-2v5.414l4 4L28.414 27 25 23.586z"
                  fill="#171717"></path>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">预测性分析</h3>
          <p class="mt-2 text-gray-700">基于大数据和机器学习，预测市场需求和价格趋势，帮助优化房源管理和定价策略，最大化收益。</p></li>
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" fill="none" aria-hidden="true" class="h-8 w-8">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
                  fill="#737373"></path>
            <circle cx="11" cy="14" r="2" fill="#171717"></circle>
            <circle cx="11" cy="20" r="2" fill="#171717"></circle>
            <circle cx="11" cy="26" r="2" fill="#171717"></circle>
            <path d="M16 14h6M16 20h6M16 26h6" stroke="#737373" stroke-width="2" stroke-linecap="square"></path>
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">自动化客服</h3>
          <p class="mt-2 text-gray-700">整合自然语言处理技术，实现智能客服系统，24/7响应用户查询和解决问题，提升服务效率和用户满意度。</p>
        </li>
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" aria-hidden="true" class="h-8 w-8">
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M5 4a4 4 0 014-4h14a4 4 0 014 4v10h-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9a2 2 0 00-2 2v24a2 2 0 002 2h5v2H9a4 4 0 01-4-4V4z"
                  fill="#737373"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M18 19.5a3.5 3.5 0 117 0V22a2 2 0 012 2v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-6a2 2 0 012-2v-2.5zm2 2.5h3v-2.5a1.5 1.5 0 00-3 0V22z"
                  fill="#171717"></path>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">实时数据监控</h3>
          <p class="mt-2 text-gray-700">通过实时数据分析和监控，追踪房源入住率、收益情况等关键指标，支持即时决策和调整运营策略。</p></li>
        <li class="rounded-2xl border border-gray-200 p-8">
          <svg viewBox="0 0 32 32" fill="none" aria-hidden="true" class="h-8 w-8">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
                  fill="#737373"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M23 13.838V26a2 2 0 01-2 2H11a2 2 0 01-2-2V15.65l2.57 3.212a1 1 0 001.38.175L15.4 17.2a1 1 0 011.494.353l1.841 3.681c.399.797 1.562.714 1.843-.13L23 13.837z"
                  fill="#171717"></path>
            <path d="M10 12h12" stroke="#737373" stroke-width="2" stroke-linecap="square"></path>
            <circle cx="16" cy="16" r="16" fill="#A3A3A3" fill-opacity="0.2"></circle>
          </svg>
          <h3 class="mt-6 font-semibold text-gray-900">预测性维护</h3>
          <p class="mt-2 text-gray-700">利用物联网技术和数据分析，预测设备和房屋维护需求，提前介入并降低维护成本，确保设施设备的正常运行。</p></li>
      </ul>
    </div>
  </section>
</template>

<style scoped lang="less">

</style>
